.chat {
  .file-icon {
    font-size: @size * .3;
    cursor: pointer;
  }
  .content {
    height: @size * 5;
    // overflow-y: scroll;
    ul {
    overflow-y: auto;
      height: 100%;
      li {
        // width: 50%;
        margin-bottom: @size * .1;
        width: 100%;
        display: inline-flex;
      }
      .set-content {
        .username {
          color: @grayFont;
          font-size: @size * .12;
          margin-bottom: @size * .03;;
        }
      }
      .circle {
        width: @size * .4;
        height: @size * .4;
        background-color: aquamarine;
        display: inline-block;
        margin: @size * .05;
        // border-radius: 0;
        .circle-img {
          width: 100%;
          height: 100%;
          border-radius:50%;
        }
      }
      .center1 {
        align-items: center;
      }
      .left {
        text-align: left;
        // align-items: center;
        .text {
          min-height: @size * .3;
          background-color: #c8f064;   
          border-color: #a5d01b;
          max-width: @size * 5;
          padding: @size * .05 @size * .1; 
          display: inline-block;
          border-radius: @size * .05;
        }
      }
      .right {
        text-align: right;
        display: flex;
        // align-items: center;
        flex-direction: row-reverse;
        .circle {
          background-color: blanchedalmond;
        }
        .text1 {
          // background-color: #c8f064;   
          // border-color: #a5d01b;
          padding: @size * .05 @size * .1; 
          display: inline-block;
          border-radius: @size * .05;
        }
        img {
          width: @size * 1.6;
        }
        .text {
          min-height: @size * .3;
          max-width: @size * 5;
          background-color: #c8f064;   
          border-color: #a5d01b;
          padding: @size * .05 @size * .1;
          display: inline-block;
          border-radius: @size * .05;
        }
      }
    }
  }
}